<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- sysRole/rollpage.html -->
<div th:fragment="rollpageFragment(totalCount, currentPageNo, totalPageCount)">
    <div class="page-bar">
        <ul class="page-num-ul clearfix">
            <li>共<span th:text="${totalCount}">0</span>条记录&nbsp;&nbsp;
                <span id="currentPageNo" th:text="${currentPageNo}">1</span>/<span id="totalPageCounts" th:text="${totalPageCount}">1</span>页
            </li>
            <li th:if="${currentPageNo > 1}">
                <a href="javascript:page_nav(document.forms[0], 1);">首页</a>
                <a href="javascript:page_nav(document.forms[0],parseInt(document.getElementById('currentPageNo').textContent) - 1);">上一页</a>
            </li>
            <li th:if="${currentPageNo < totalPageCount}">
                <a href="javascript:page_nav(document.forms[0],parseInt(document.getElementById('currentPageNo').textContent) +1);">下一页</a>
                <a href="javascript:page_nav(document.forms[0],parseInt(document.getElementById('totalPageCounts').textContent));">尾页</a>
            </li>
            &nbsp;&nbsp;
        </ul>
        <span class="page-go-form">
            <label>跳转至</label>
            <input type="text" name="inputPage" id="inputPage" class="page-key" />页
            <button type="button" class="page-btn" onclick='jump_to(document.forms[0],document.getElementById("inputPage").value)'>GO</button>
        </span>
    </div>
    <script type="text/javascript" th:src="@{/js/sysRole/rollpage.js}"></script>
</div>
</body>
</html>